<div class="section-title" ng-click="togglePanel('machineStatusPlus',$event);">
    <i class="material-icons close">remove</i>
    <i class="material-icons open">add</i>
    <label class="title-name" ng-bind="'dashboard.machineStatusPlus.title' | translate"></label>
    <div class="kmi-can-click"></div>
    <div style="z-index: 1; display: flex; padding-right: 2px">
        <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="loadMyFavorites($event);" style="width: 24px; height: 24px; margin-right: 6px; border-radius: 4px">
            <i class="material-icons" style="font-size: 20px"></i>
        </button>
    </div>
</div>
<div class="section-content">
    <!-- 20230817 modify by Alan for M#143807: 設備列表預設設備名稱排序 -->
    <div class="mdd-list c-mdd-list" list-name="B0214_EquipmentDetails" list-bind="machineList" list-alias="dashboard.machineStatusPlus.machineList" page-name="B0214_" default-code="machine_display" style="flex: 1" enable-select="Y" select-all="Y" _transclude-elem="[object Object]">
        <div class="kmi-list column-selector" kmi-scrollbar="520px" column-selector-id="B0214_EquipmentDetails" style="flex: 1">
            <div class="kmi-list__header">
                <div class="kmi-list__column width-fixed column-input" style="flex: 0 0 40px">
                    <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="_event['machineList'].selectAll(dashboard.machineStatusPlus.machineList, 'machineList');">
                        <img ng-show="!_event['machineList'].isSelectAll" src="image/icons/check0.png" />
                        <img ng-show="_event['machineList'].isSelectAll" src="image/icons/check1.png" />
                    </button>
                </div>
                <div item-name="machine_status" class="kmi-list__column" style="flex: 0 0 28px"></div>
                <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['machineList.machine_display'].isShown != 'N'">
                    <div class="filter" ng-show="_objmachineList.header[1].isFilter">
                        <input ng-model="_objmachineList.filterColumns['machine_display']" />
                        <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objmachineList.header[1].isFilter = false;_objmachineList.filterColumns['machine_display'] = '';">clear</i>
                    </div>

                    <div class="order" ng-hide="_objmachineList.header[1].isFilter">
                        <i class="material-icons search" style="z-index: 1" ng-click="_objmachineList.header[1].isFilter = true">search</i>
                        <label ng-bind="'B0214_EquipmentDetails.columns.machine_display' | translate"></label>
                        <i class="material-icons" ng-show="_objmachineList.queryOrder == 1">{{!_objmachineList.header[1].order?'':''}}</i>
                        <div class="kmi-can-click" ng-click="orderResult(1, 'machine_display', '_objmachineList');"></div>
                    </div>
                </div>
                <div item-name="employee_status" ng-bind="'dashboard.machineStatusPlus.employee_status' | translate" class="kmi-list__column" style="flex: 0 0 32px"></div>
                <div item-name="machine_qc_count" class="kmi-list__column" ng-bind="'dashboard.machineStatusPlus.machine_qc_count' | translate" style="flex: 0 0 50px"></div>
                <div item-name="require_maintain" ng-bind="'dashboard.machineStatusPlus.maintain_order' | translate" class="kmi-list__column" style="flex: 0 0 50px" ng-show="showMaintainOrder()"></div>
                <div class="kmi-list__column head-controls" style="flex: 0 0 60px" ng-show="_event['machineList.accomplish_rate'].isShown != 'N'">
                    <div class="order" ng-hide="_objmachineList.header[5].isFilter">
                        <label ng-bind="'B0214_EquipmentDetails.columns.accomplish_rate' | translate"></label>
                        <i class="material-icons" ng-show="_objmachineList.queryOrder == 5">{{!_objmachineList.header[5].order?'':''}}</i>
                        <div class="kmi-can-click" ng-click="orderResult(5, 'accomplish_rate', '_objmachineList');"></div>
                    </div>
                </div>
                <div class="kmi-list__column head-controls" style="flex: 0 0 60px" ng-show="_event['machineList.good_rate'].isShown != 'N'">
                    <div class="order" ng-hide="_objmachineList.header[6].isFilter">
                        <label ng-bind="'B0214_EquipmentDetails.columns.good_rate' | translate"></label>
                        <i class="material-icons" ng-show="_objmachineList.queryOrder == 6">{{!_objmachineList.header[6].order?'':''}}</i>
                        <div class="kmi-can-click" ng-click="orderResult(6, 'good_rate', '_objmachineList');"></div>
                    </div>
                </div>
                <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['machineList.defect_qty'].isShown != 'N'">
                    <div class="filter" ng-show="_objmachineList.header[7].isFilter">
                        <input ng-model="_objmachineList.filterColumns['defect_qty']" />
                        <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objmachineList.header[7].isFilter = false;_objmachineList.filterColumns['defect_qty'] = '';">clear</i>
                    </div>

                    <div class="order" ng-hide="_objmachineList.header[7].isFilter">
                        <i class="material-icons search" style="z-index: 1" ng-click="_objmachineList.header[7].isFilter = true">search</i>
                        <label ng-bind="'B0214_EquipmentDetails.columns.defect_qty' | translate"></label>
                        <i class="material-icons" ng-show="_objmachineList.queryOrder == 7">{{!_objmachineList.header[7].order?'':''}}</i>
                        <div class="kmi-can-click" ng-click="orderResult(7, 'defect_qty', '_objmachineList');"></div>
                    </div>
                </div>
            </div>
            <div class="kmi-list__row-content">
                <div class="kmi-list__row" id="B0214_EquipmentDetails_result_list" ng-repeat="item in _event['machineList'].getPages(dashboard.machineStatusPlus.machineList, _objmachineList.PageConfig, _objmachineList.filterColumns, _objmachineList.header[_objmachineList.queryOrder]) track by $index" ng-class="{'is-select':_event['machineList'].checkSelect(item, {index:$index, event:$event})}">
                    <div class="kmi-list__column column-input" style="flex: 0 0 40px; z-index: 1">
                        <button class="mdl-button mdl-js-button mdl-button--icon" ng-show="_event['machineList'].enableSelect(item, 'machineList.item');" ng-click="_event['machineList'].click(item, {index:$index, event:$event});">
                            <img ng-show="!_event['machineList'].checkClick(item, 'machineList.item');" src="image/icons/check0.png" />
                            <img ng-show="_event['machineList'].checkClick(item, 'machineList.item');" src="image/icons/check1.png" />
                        </button>
                    </div>
                    <div item-name="machine_status" class="kmi-list__column" header-label="N" header-filter="N" header-order="N" style="flex: 0 0 28px; padding: 0px">
                        <div class="dashboard-light-panel" ng-class="[machineStatus(item.machine_status)]">{{('common.machine.status.'+ item.machine_status | translate).substr(0, 1)}}</div>
                    </div>
                    <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.machine_display" ng-if="_event['machineList.machine_display'].isShown != 'N'"></div>
                    <div item-name="employee_status" class="kmi-list__column column-button" header-label="N" header-filter="N" header-order="N" style="flex: 0 0 32px; z-index: 1" ng-click="workSet($event, item);">
                        <i class="material-icons" style="font-size: 24px" ng-show="onMachineUser(item)">how_to_reg</i>
                        <i class="material-icons" style="font-size: 24px" ng-hide="onMachineUser(item)">person</i>
                    </div>
                    <div item-name="machine_qc_count" class="kmi-list__column column-button" header-label="N" header-filter="N" header-order="N" ng-class="{'column-border': !showMaintainOrder()}" style="flex: 0 0 50px">
                        <i class="material-icons">playlist_add_check</i>
                        <div ng-bind="item.machine_qc_count"></div>
                    </div>
                    <div item-name="require_maintain" class="kmi-list__column column-border column-button" header-label="N" header-filter="N" header-order="N" style="flex: 0 0 50px" ng-show="showMaintainOrder();">
                        <i class="material-icons">build</i>
                        <div ng-bind="item.require_maintain || 0"></div>
                    </div>
                    <div item-name="accomplish_rate" class="kmi-list__column column-border" header-filter="N" header-order="N" style="flex: 0 0 60px" ng-bind="item.accomplish_rate + '%'"></div>
                    <div item-name="good_rate" class="kmi-list__column column-border" header-filter="N" header-order="N" style="flex: 0 0 60px" ng-bind="item.good_rate + '%'"></div>
                    <div class="kmi-list__column column-border" style="flex: 1" ng-bind="item.defect_qty" ng-if="_event['machineList.defect_qty'].isShown != 'N'"></div>
                    <div class="kmi-can-click" ng-click="_event['machineList'].rowClick(item, {index:$index, event:$event});"></div>
                </div>
            </div>
        </div>
        <div class="page-content">
            <div class="page-icon">
                <img src="image/icons/dropleft.png" />
                <div class="kmi-can-click" ng-click="prevPage(_objmachineList.PageConfig);"></div>
            </div>
            <label ng-bind="pageInfo(_objmachineList.PageConfig);"></label>
            <div class="page-icon">
                <img src="image/icons/dropright.png" />
                <div class="kmi-can-click" ng-click="nextPage(_objmachineList.PageConfig);"></div>
            </div>
        </div>
    </div>
</div>
